<template>
    <div id="iframe-container" v-show="$route.path == '/device/meteorology'">
      <!-- <iframe :src="src" scrolling="auto" frameborder="0" id="iframe" ref="iframe"  @load="handleIframeLoad"></iframe> -->
      <iframe :src="src" scrolling="auto" frameborder="0" id="iframe" ref="iframe"></iframe>
      <Tooltip transfer max-width="200">
        <Button type="primary">查看密码</Button>
        <template #content>
            <p>账号：282096168</p>
            <p>密码：123456</p>
        </template>

    </Tooltip>
  </div>
</template>

<script>
import {Button,Tooltip} from 'view-ui-plus'
export default {
    name:'meteorology',
    data(){
        return {
            src:"http://47.105.215.208:8000/agriculture/login"
        }
    },
    components:{Button,Tooltip},
    methods:{
      
        handleIframeLoad() {
            console.log(22222222222);
      const iframe = this.$refs.iframe;
      if (iframe) {
        // 获取当前 iframe 的 URL
        const iframeUrl = iframe.contentWindow.location.href;
        
        // 在这里可以根据 iframeUrl 做一些处理
        console.log('Iframe loaded:', iframeUrl);
      }
    }
    },
    created(){
        // axios({
        //     method:'post',
        //     url:'http://47.105.215.208:8005/login',
        //     data:{
        //         "username":282096168,
        //         "password":123456
        //     }
        // }).then((res)=>{
        //     console.log("res",res);
        //     // sessionStorage.setItem("token",res.data.token);
        //     // sessionStorage.setItem("username",282096168);
        //     // sessionStorage.setItem("password",123456);
        //     this.src = "http://47.105.215.208:8000/agriculture/overview";
        // })
    }
}
</script>

<style lang="less" scoped>
#iframe{
    width:100%;
    height:85vh;
}

</style>

<style lang="less">
.ivu-tooltip{
    position: absolute;
    z-index: 999;
    right: 5%;
    top: 40%;
}
</style>